<script setup lang="ts">
import { ref } from "vue";
import { areaList } from "@vant/area-data";
//
import Ekk from "../../gdys/ekkzj/index.vue";


// 筛选开关
let gzks = false;
const value1=ref('全部科室')
const value2 = ref(1);
const value3 = ref(2);
const option3 = [
  { text: "默认排序", value: "a" },
  { text: "接诊人次从多到少", value: "b" },
  { text: "好评从高到低", value: "c" },
  { text: "响应时间从短到长", value: "d" },
];
const fs=(listData:string)=>{
   let list=listData
   value1.value=list
}

</script>

<template>
  <div class="box">
    <van-dropdown-menu
      style="
        width: 95%;
        margin-left: 2.5%;
        margin-top: 10px;
        border-top-left-radius: 15px;
        border-top-left-radius: 15px;
      "
    >
      <!-- 第一个 -->
      <van-dropdown-item style="width: 95%;margin-left: 2.5%;" v-model="value1" :title="value1">
        <Ekk :gzks="gzks" :fs="fs" />
      </van-dropdown-item>
      <!-- 第二个 -->
      <van-dropdown-item style="width: 95%;margin-left: 2.5%;" v-model="value2" title="全国">
        <van-area 
          :area-list="areaList"
          confirm-button-text=""
          cancel-button-text=""
          :columns-num="2"
        />
        <!-- 第三个 -->
      </van-dropdown-item>

      <van-dropdown-item style="width: 95%;margin-left: 2.5%;" v-model="value3" :options="option3" title="默认排序" />
    </van-dropdown-menu>
  </div>
</template>

<style scoped lang="scss">
.box {
  width: 100%;
  height: 100%;
  background-color: #f5f5f5;
}
</style>
